
import { getImageUrl } from '../utils/utils';

export default function Gallery() {
  return (
    <div>
        <h1>Notable Scientists</h1>
        <section className='profile'>
          <h2>Maria Skłodowska-Curie</h2>
          <img  
          className='avatar' 
          src={getImageUrl('szV5sdG')}
          alt="Isaac Newton" 
          width={70} 
          height={70}/>

          <ul>
            <li>
             <b>Profession:</b> physicist and chemist
            </li>
            <li>
              <b>Awards: 4</b> (Nobel Prize in Physics, Nobel Prize in Chemistry, Davy Medal, Matteucci Medal)
            </li>
            <li>
              <b>Discovered:</b> Polonium (element) and Radium (element)
            </li>
          </ul>
        </section>
    </div>
  )
}